<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购-个人中心</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable    af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start" ontouchstart="window.location.href='/my.html'" >
            <i class="ui-icon-return af-icon-home"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>我的订单</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">

        </li>
    </ul>
</header>

<div class="ui-container" >
    <div class="ui-tab ui-my-order-tab">

        <ul class="ui-tab-nav ui-border-b">
            <li class="current">全部</li>
            <li>待付款</li>
            <li>待发货</li>
            <li>待收货</li>
        </ul>

        <ul class="ui-tab-content" style="width:300%;margin-top:10px;">
            <li class="current">
                <div class="ui-my-order ui-border-tb">
                    <div class="ui-my-order-header" onclick="window.location.href='/my-order-detail.html'">
                        <div class="title">
                            订单号：G8268209520194d
                        </div>
                        <div class="del">
                            <i class="ui-icon-delete"></i>
                        </div>
                        <div class="status">
                            未发货
                        </div>
                    </div>
                    <div class="ui-my-order-content">
                        <ul class="ui-list  ui-border-tb">
                            <li class="ui-border-t" onclick="window.location.href='/goods-snap.html'">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                                    <h4>×3</h4>

                                </div>
                            </li>
                            <li class="ui-border-t" onclick="window.location.href='/goods-snap.html'">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/fd4639bdf08dd2b2248e077212657aab.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4>可莱丝 LINE抗皱面膜 （黄色）</h4>
                                    <h4>×1</h4>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-my-order-footer">共2件商品    实付款:   <font class="ui-font-red">¥490.00</font></div>
                    <div class="ui-my-order-toolbar ui-border-t">
                        <div class="ui-btn-wrap">
                            <button class="ui-btn-s ui-btn-gray">
                                申请售后
                            </button>
                            <button class="ui-btn-s ui-btn-default">
                                支付
                            </button>
                        </div>
                    </div>
                </div>
                <div class="ui-my-order ui-border-tb">
                    <div class="ui-my-order-header" onclick="window.location.href='/my-order-detail.html'">
                        <div class="title">
                            订单号：G8268209520194d
                        </div>
                        <div class="del">
                            <i class="ui-icon-delete"></i>
                        </div>
                        <div class="status">
                            已完成
                        </div>
                    </div>
                    <div class="ui-my-order-content">
                        <ul class="ui-list  ui-border-tb">
                            <li class="ui-border-t">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                                    <h4>×3</h4>

                                </div>
                            </li>
                            <li class="ui-border-t">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/fd4639bdf08dd2b2248e077212657aab.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4>可莱丝 LINE抗皱面膜 （黄色）</h4>
                                    <h4>×1</h4>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-my-order-footer">共2件商品    实付款:   <font class="ui-font-red">¥490.00</font></div>
                    <div class="ui-my-order-toolbar ui-border-t">
                        <div class="ui-btn-wrap">
                            <button data-href="./my-order-comment.html" class="ui-btn-s ui-btn-default">
                                评价
                            </button>
                            <button class="ui-btn-s ui-btn-gray">
                                申请售后
                            </button>
                            <button class="ui-btn-s ui-btn-default">
                                再次购买
                            </button>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="ui-my-order ui-border-tb">
                    <div class="ui-my-order-header">
                        <div class="title">
                            订单号：G8268209520194d
                        </div>
                        <div class="del">
                            <i class="ui-icon-delete"></i>
                        </div>
                        <div class="status">
                            未发货
                        </div>
                    </div>
                    <div class="ui-my-order-content">
                        <ul class="ui-list  ui-border-tb">
                            <li class="ui-border-t">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                                    <h4>×3</h4>

                                </div>
                            </li>

                        </ul>
                    </div>
                    <div class="ui-my-order-footer">共2件商品    实付款:   <font class="ui-font-red">¥490.00</font></div>
                    <div class="ui-my-order-toolbar ui-border-t">
                        <div class="ui-btn-wrap">
                            <button class="ui-btn-s">
                                取消
                            </button>
                            <button class="ui-btn-s ui-btn-danger">
                                支付
                            </button>
                        </div>
                    </div>
                </div>

                <div class="ui-my-order ui-border-tb">
                    <div class="ui-my-order-header">
                        <div class="title">
                            订单号：G8268209520194d
                        </div>
                        <div class="del">
                            <i class="ui-icon-delete"></i>
                        </div>
                        <div class="status">
                            未发货
                        </div>
                    </div>
                    <div class="ui-my-order-content">
                        <ul class="ui-list  ui-border-tb">
                            <li class="ui-border-t">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                                    <h4>×3</h4>

                                </div>
                            </li>
                            <li class="ui-border-t">
                                <div class="ui-list-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/fd4639bdf08dd2b2248e077212657aab.jpg@!70-70)"></span>
                                </div>
                                <div class="ui-list-info">
                                    <h4>可莱丝 LINE抗皱面膜 （黄色）</h4>
                                    <h4>×1</h4>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-my-order-footer">共2件商品    实付款:   <font class="ui-font-red">¥490.00</font></div>
                    <div class="ui-my-order-toolbar ui-border-t">
                        <div class="ui-btn-wrap">
                            <button class="ui-btn-s">
                                取消
                            </button>
                            <button class="ui-btn-s ui-btn-danger">
                                支付
                            </button>
                        </div>
                    </div>
                </div>

            </li>
            <li>

                <section class="ui-placehold-wrap">
                    <div class="ui-placehold">正在加载中...</div>
                </section>

            </li>
            <li>
                <section class="ui-placehold-wrap">
                    <div class="ui-placehold">暂无记录</div>
                </section>

            </li>
        </ul>
    </div>

</div>
<footer>

</footer>


<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>
<script src="/js/app.min.js"></script>
<script>
    $(function() {

        var tab = new fz.Scroll('.ui-tab', {
            role: 'tab',
            autoplay: false,
            interval: 3000
        });

        tab.on('beforeScrollStart', function(from, to) {
            console.log(from, to);
        });

        tab.on('scrollEnd', function(curPage) {
            console.log(curPage);
        });

        Alert('我不是黄蓉，我不会武功！');

    })();
</script>
</body>
</html>